<template>
  <div>
    <ul>
      <li>news001</li>
      <li>news002</li>
      <li>news003</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "News",
  beforeDestroy() {
    console.log("News组件即将销毁...")
  },
  activated() {
    console.log("News组件被激活...")
  },
  deactivated() {
    console.log("News组件失活...")
  }
}
</script>

<style scoped>

</style>